<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <!--HTML元素间的关系分为: 父元素，子元素，后代元素，兄弟元素(与树中的概念基本一致)-->
    <!--子元素：被父元素直接包含的元素     父元素:直接包含某个元素-->
    <!--注意：父子是要直接包含的，而不是间接的，如div与li一般不叫做父子，可以叫后代祖先--> 
<head>
<body>
    <div>
        <!--h1,u1是div的孩子，是子元素，h1和u1之间是兄弟元素-->
        <h1>崩坏三</h1>       
        <u1>
            <li>琪亚娜</li>    <!--li的父亲是u1，u1的父亲是div，因此li是u1的子元素，是div的后代元素-->
            <li>芽衣</li>      
            <li>布洛妮娅</li>
        </u1>
    </div>
</body>
</html>